<template>
  <div>
    <home-header></home-header>
    <consult-top :list="topList"></consult-top>
    <consult-swiper :list="swiperList"></consult-swiper>
    <consult-downloaded :list="swiperList"></consult-downloaded>
    <home-footer></home-footer>
  </div>
</template>

<script>
import HomeHeader from '../../common/Header.vue'
import HomeFooter from '../../common/Footer.vue'
import ConsultTop from './components/ConsultTop.vue'
import ConsultSwiper from './components/ConsultSwiper.vue'
import ConsultDownloaded from './components/ConsultDownloaded.vue'
export default {
  name: 'Consult',
  components: {
    HomeHeader,
    HomeFooter,
    ConsultTop,
    ConsultSwiper,
    ConsultDownloaded
  },
  data () {
    return {
      topList: [{
        'id': '0001',
        'imgUrl': require('./../../assets/报装.png'),
        'desc': '报装'
      }, {
        'id': '0002',
        'imgUrl': require('./../../assets/供电方案.png'),
        'desc': '供电方案'
      }, {
        'id': '0003',
        'imgUrl': require('./../../assets/典型方案.png'),
        'desc': '典型方案'
      }, {
        'id': '0004',
        'imgUrl': require('./../../assets/政策法规.png'),
        'desc': '政策法规'
      }],
      swiperList: [{
        'id': '0001',
        'imgUrl': 'http://img1.qunarzz.com/piao/fusion/1801/1a/94428c6dea109402.jpg_640x200_2cf590d8.jpg'
      }, {
        'id': '0002',
        'imgUrl': 'http://img1.qunarzz.com/piao/fusion/1802/42/7c92b9a381e46402.jpg_640x200_1cdce2a4.jpg'
      }, {
        'id': '0003',
        'imgUrl': 'http://img1.qunarzz.com/piao/fusion/1802/51/e78f936a5b404102.jpg_640x200_c14f0b3a.jpg'
      }]
    }
  },
  methods: {}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang='stylus' scoped>
</style>
